<@markup id="css" >
<#-- CSS Dependencies -->
    <@link type="text/css" href="${url.context}/res/components/workflow/workflow-list.css" group="dashlets"  />
</@>
<@markup id="js">
<#-- JavaScript Dependencies -->
    <@script type="text/javascript" src="${url.context}/res/components/workflow/workflow-actions.js" group="dashlets"/>
    <@script type="text/javascript" src="${url.context}/res/js/extensions/dashlets/my-workflows.js" group="dashlets"/>
</@>

<@markup id="widgets">
    <@createWidgets group="dashlets"/>
</@>

<@markup id="html">
    <@uniqueIdDiv>
        <#assign id = args.htmlid?html>
    <div class="dashlet my-workflows">
        <div class="title">${msg("header")}</div>
        <!--<div class="toolbar flat-button">
            <div class="hidden">
                <div class="clear"></div>
            </div>
        </div>
        -->
        <div class="toolbar flat-button">
            <div class="align-left" id="${id}-paginatorWf">&nbsp;</div>
            <span class="align-right yui-button-align">
               <span class="first-child">
                  <a href="${url.context}/page/my-workflows#filter=workflows|active" class="theme-color-1">${msg("VISI DARBAI")}</a>
               </span>
            </span>
            <div class="clear"></div>
        </div>
        <div class="body scrollableList" <#if args.height??>style="height: ${args.height}px;"</#if>>
            <div id="${id}-workflows"></div>
        </div>
    </div>
    </@>
</@>